<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/font-awesome.css"/>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.0/css/all.css" integrity="sha384-aOkxzJ5uQz7WBObEZcHvV5JvRW3TUc2rNPA7pe3AwnsUohiw1Vj2Rgx2KSOkF5+h" crossorigin="anonymous">
    <link rel="stylesheet" href="css/style.css"/>
    <title></title>
</head>
<body>
<div class="left">
    <header class="clearfix">
        <div class="user"><img src="images/user.jpg" alt=""/></div>
        <span class="we">欢迎你 ,</span>
        <div class="book"><a href="#">Cherry</a></div>
        <span class="teacher">老师</span>
    </header>
    <ul class="navlist">
        <li>
            <h2><a href="index.html"><i class="fas fa-home"></i>首页</a></h2>

        </li>
        <li class="active">
            <h2><a href="list-class.html"><i class="fa fa-bookmark" aria-hidden="true"></i>图书类别管理</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li><a href="list-class.html" >图书类别列表</a></li>
                <li class="active"><a href="add-class.html">添加图书类别</a></li>
            </ul>
        </li>
        <li>
            <h2><a href="list-book.html"><i class="fa fa-book" aria-hidden="true"></i>图书信息管理</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li><a href="list-book.html">图书信息列表</a></li>
                <li><a href="add-book.html">添加图书信息</a></li>
                <li><a href="list-recomd.html">推荐图书信息</a></li>
            </ul>
        </li>
        <li>
            <h2><a href="list-user.html"><i class="fa fa-user" aria-hidden="true"></i>用户信息管理</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li><a href="list-user.html">所有用户列表</a></li>
                <li><a href="list-admin.html">管理员列表</a></li>
                <li><a href="list-admin.html">添加管理员</a></li>
            </ul>
        </li>
        <li>
            <h2><a href="list-order.html"><i class="fa fa-list-alt" aria-hidden="true"></i>订单管理</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li><a href="list-order.html">待处理订单列表</a></li>
                <li><a href="list-finishedorder.html">已完成订单列表</a></li>
            </ul>
        </li>
        <li>
            <h2><a href="chart-trend.html"><i class="fas fa-chart-pie"></i>统计分析</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li><a href="chart-trend.html">销售走势分析</a></li>
                <li><a href="chart-class.html">分类统计</a></li>
            </ul>
        </li>
    </ul>

    <footer>
        <ul class="footerlist">
            <li><a href="#"><i class="fa fa-cog" aria-hidden="true"></i></a></li>
            <li><a href="#"><i class="fa fa-arrows-alt" aria-hidden="true"></i></a></li>
            <li><a href="#"><i class="fa fa-eye-slash" aria-hidden="true"></i></a></li>
            <li><a href="#"><i class="fa fa-power-off" aria-hidden="true"></i></a></li>
        </ul>
    </footer>
</div>
<div class="main">
    <header>
        <span class="left"><i class="fa fa-bars" aria-hidden="true"></i></span>
        <div class="right">
            <span class="envelop">
                <a href="#"><i class="far fa-envelope"></i></a>
            </span>
            <span class="chrs">6</span>
            <div class="user">
                <img src="images/user.jpg" alt="">
                <span class="name"><a href="#">Cherry</a><i class="fa fa-angle-down" aria-hidden="true"></i></span>

            </div>
        </div>

    </header>
    <section class="maincontent">
        <div class="add">
            <div class="row">
                <div class="col-12">
                    <div class="pannel clearfix border">
                        <div class="tittle">
                            <h2>添加图书分类</h2>
                        </div>
                        <div class="row">
                            <div class="col-3 left">
                                <label for="sort">所属分类</label>
                            </div>
                            <div class="col-6">
                                <select name="sort" id="sort" class="sort">
                                    <option value="">根节点</option>
                                    <option value="">├小说</option>
                                    <option value="">│ ├科幻</option>
                                    <option value="">│ └玄幻</option>
                                    <option value="">├IT图书</option>
                                    <option value="">├财经</option>
                                    <option value="">└有声读物</option>
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3 left">
                                <label for="userpassword">分类名称</label>
                            </div>
                            <div class="col-6">
                                <form action="add-admin.html" class="box">
                                    <input type="text" id="userpassword" placeholder="分类名称"required >
                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <h2 class="bor"></h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3 left"><label class="none">
                                <span>无</span>
                            </label></div>
                            <div class="col-6">
                                <form action="add-class.html" class="button">
                                    <button class="green">提交</button>
                                    <button class="blue">重写</button>
                                    <button class="blue">取消</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer><span>©Cherry</span></footer>
</div>
</body>
</html>